<template>
  <div id="app" @wheel="handleWheel">
    <router-view />
  </div>
</template>
<script>
export default {
  methods: {
    handleWheel(event) {
      console.log(event);
      // 阻止滚轮事件默认行为，从而禁止页面缩放
      // event.preventDefault();
    },
  },
};
</script>
<style lang="less">
html,
body {
  touch-action: manipulation;
  user-select: none;
  -webkit-user-scaleable: 0; /* 禁止iOS设备缩放 */
  user-scalable: no; /* 禁止其他设备缩放 */
}
html,
body {
  width: 100vw;
  height: 100vh;
  font-size: 16rem;
}
* {
  padding: 0;
  margin: 0;
}
:root {
  --el-color-primary: #ef6410;
  --el-color-primary-light-3: #ef6410;
  --el-color-primary-light-9: none;
  --el-color-primary-dark-2: #ef6410;
  --el-color-success: #67c23a;
  --el-color-warning: #e6a23c;
  --el-color-danger: #f56c6c;
  --el-color-info: #ef6410;
  --el-input-focus-border-color: none;
  --el-font-size-base: 16rem;
  --el-checkbox-height: 32rem;
}
.input_border {
  --el-border-color-hover: none; /* 取消鼠标悬停状态下的边框 */
  --el-color-primary: none; /* 取消鼠标悬停状态下的边框 */
}
.input_underLine {
  border: none; /* 取消边框 */
  outline: none; /* 取消焦点状态下的边框 */
  box-shadow: none; /* 取消焦点状态下的阴影 */
  border-radius: 0;
  --el-input-hover-border-color: none; /* 取消鼠标悬停状态下的边框 */
  --el-input-focus-border-color: none; /* 取消焦点状态下的边框 */
  font-size: 16rem;
  --el-border-color-hover: none; /* 取消鼠标悬停状态下的边框 */
  --el-color-primary: none; /* 取消鼠标悬停状态下的边框 */
}
.input_underLine:focus {
  border: none;
  outline: none;
  border-color: none; /* 修改为你想要的颜色 */
}
.input_underLine:hover {
  border: none;
}
.el-input-number {
  font-size: 16rem;
  --el-input-hover-border-color: none; /* 取消鼠标悬停状态下的边框 */
  --el-input-focus-border-color: none; /* 取消焦点状态下的边框 */
}
.el-input__wrapper {
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border-bottom: 1rem solid #b0b0b0;
}
.el-input__wrapper:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 1rem solid #b0b0b0;
}
.el-input__wrapper:hover {
  border-bottom: 1rem solid #b0b0b0;
}

.el-select {
  --el-border-color-hover: none;
  --el-color-primary: none;
  font-size: 16rem;
}
.el-select__wrapper {
  font-size: 16rem;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border-bottom: 1rem solid #b0b0b0;
}
.el-select__wrapper:focus {
  outline: none;
  box-shadow: none;
}
.el-date-picker .el-range-editor .el-range-input {
  font-size: 16rem;
}
.el-date-editor {
  border: none;
  outline: none;
  box-shadow: 0, 0, 0, 0;
  border-bottom: 1rem solid #b0b0b0;
  --el-border-color-hover: none;
  --el-color-primary: none;
  font-size: 16rem;
}
.el-date-editor.el-input__wrapper {
  box-shadow: none;
  font-size: 16rem;
}
.credit-reporting {
  padding: 20rem;
}
.el-button {
  font-size: 16rem;
}
</style>
